<!DOCTYPE html>
<html>
<head>
    <!--<meta/>标签作用整理：https://blog.csdn.net/ts472960087/article/details/45890359?utm_source=blogxgwz8-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--IE8/9及以后的版本都会以最高版本IE来渲染页面。-->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--页面将以原始大小显示，并不允许缩放-->
    <title>首页</title>
    <link rel="stylesheet" href="css/element_2.4.7.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <!--前端语法规范:https://wenku.baidu.com/view/8bada0930b4c2e3f56276352.html-->
</head>
<body>
<div id="app">
    <el-container class="wrapper"><!--布局容器-->
        <el-header class="top clearfix"><!--头部-->
            <!--<top :top="top"></top>-->
            <!--<i class="logo" :style="logoStyle"></i>-->
            <!--<i class="el-icon-menu top-icon justify-content left" @click="changeisCollapse"></i>-->
            <!--<i class="el-icon-rank top-icon justify-content left" @click="changefullScreen"></i>-->
            <!--<el-dropdown class="right top-more">-->
                <!--<i class="el-icon-more top-icon justify-content"></i>-->
                <!--<el-dropdown-menu slot="dropdown">-->
                    <!--<el-dropdown-item v-for="(Item,index) in dropdownItem" :divided="index===dropdownItem.length-1" :key="index">{{Item.title}}</el-dropdown-item>-->
                <!--</el-dropdown-menu>-->
            <!--</el-dropdown>-->
        </el-header>

        <el-container>
            <el-aside class="slide" :class="top.isCollapse?'aside-auto':'aside-w200'"><!--侧边栏-->
                <!--导航菜单-->
                <!--default-active:当前激活菜单的 index,@open:sub-menu 展开的回调,@close:sub-menu 收起的回调-->
                <!--<el-menu-->
                        <!--:default-active="defaultActive"-->
                        <!--class="el-menu-vertical-demo menu"-->
                        <!--@open="menuOpen"-->
                        <!--@close="menuClose"-->
                        <!--:collapse="isCollapse"-->
                        <!--:collapse-transition="false">-->
                    <!--&lt;!&ndash;子菜单/多级菜单&ndash;&gt;-->
                    <!--<div class="slidebar" v-for="(submenu,index) in submenu">-->
                        <!--<el-submenu v-if="submenu.submenu!==undefined&&submenu.submenu.length>0" :index="submenu.index">-->
                            <!--<template slot="title">-->
                                <!--<i :class="submenu.icon"></i>-->
                                <!--<span>{{submenu.subTitle}}</span>-->
                            <!--</template>-->
                            <!--<div v-for="submenu1 in submenu.submenu">-->
                                <!--<el-submenu v-if="submenu1.submenu!==undefined&&submenu1.submenu.length>0" :index="submenu1.index">-->
                                    <!--<template slot="title">-->
                                        <!--<i :class="submenu1.icon"></i>-->
                                        <!--<span>{{submenu1.subTitle}}</span>-->
                                    <!--</template>-->
                                    <!--<div v-for="submenu2 in submenu1.submenu">-->
                                        <!--<el-menu-item :index="submenu2.index">-->
                                            <!--<i :class="submenu2.icon"></i>-->
                                            <!--<span>{{submenu2.subTitle}}</span>-->
                                        <!--</el-menu-item>-->
                                    <!--</div>-->
                                <!--</el-submenu>-->
                                <!--<el-menu-item v-else :index="submenu1.index">-->
                                    <!--<i :class="submenu1.icon"></i>-->
                                    <!--<span slot="title">{{submenu1.subTitle}}</span>-->
                                <!--</el-menu-item>-->
                            <!--</div>-->
                        <!--</el-submenu>-->

                        <!--<el-menu-item v-else :index="submenu.index">-->
                            <!--<i :class="submenu.icon"></i>-->
                            <!--<span slot="title">{{submenu.subTitle}}</span>-->
                        <!--</el-menu-item>-->
                    <!--</div>-->
                <!--</el-menu>-->
            </el-aside>

            <el-container>
                <el-main>Main</el-main>
                <el-footer class="justify-content footer">
                    <!--<div>-->
                        <!--<p>聆听所至，信诚所在</p>-->
                        <!--<p>copyright@xincheng</p>-->
                    <!--</div>-->
                </el-footer>
            </el-container>
        </el-container>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="js/common/vue_2.5.17.js"></script>
<!-- import JavaScript -->
<script src="js/common/element_2.4.7.js"></script>
<script src="js/common/jquery-1.9.1.min.js"></script>
<!--公共头部，公共侧边栏，公共尾部-->
<script src="js/common/common.js"></script>
<script>

</script>
</html>